<table class="grid-table" style="width: 50%;">
		<thead>
	  		<tr>
	  			<th><label>Id</label></th>
	   			<th><label>Nombre</label></th>
	   			<th style="width: 50px;"></th>
			</tr>
		</thead>
		<tbody>
			<?php foreach($lista_servicios as $lista_s):?>
				<tr>	
					<td align="center"><?php echo $lista_s['id'];?></td>
					<td align="center"><?php echo $lista_s['nombre'];?></td>
					<td>
						<a class="button-image" href=<?php echo site_url(array('servicio' , 'borrar', $lista_s['id']));?>>
							<img title="Borrar" alt="Borrar" src="<?php echo site_url(array('web', 'img', 'icon-delete.png'));?>"/>
						</a>
					</td>
				</tr>
			<?php endforeach;?>
		</tbody>		
</table>

<table class="buttons-table" style="width: 50%;">
	<tr>
		<td>
			<a id="nuevo-servicio" class="button-image">
	      		<img title="Nuevo tipo de servicio" alt="Nuevo tipo de servicio" src="<?php echo site_url(array('web', 'img', 'icon-new.png'));?>"/>
	      		<label>Nuevo tipo de servicio</label>
	      	</a>
	   	</td>
	</tr> 
</table>

<div id="dialog-form-servicio" style="display: none;">	
	<form id="form-servicio" action="<?php echo site_url(array('servicio', 'guardar'));?>" method="post">
		<table  class="form-table">
			<tr>
				<td> <label for="nombre_servicio">Nombre</label></td>
				<td> <input id="nombre_servicio" name="nombre_servicio" type="text" size="25" maxlength="45" class="validate[required]" data-prompt-position="bottomLeft"></td>
			</tr>
		</table>
	</form>
</div>	

<script type="text/javascript">
	 //abrir pop-up para edicion de password
	$("#nuevo-servicio").click(function(){
		abrirNuevoServicioForm();
	});
</script> 
   
	